﻿@import '../../../Geral/_mixins.scss';
@import '../../../Geral/_styles.scss';
@import '../../../Geral/_variaveis.scss';

#sectionVerProduto {
	@include float(1000px, 100%, 50px, 0, true);

	#articleFotos {
		@include float(auto, 28%, 0, 2%);
		text-align: center;
		background: grey;

		#articleOutrasImagens {
			@include float(70px, 100%);
			background: blue;
		}
	}

	#articleInfoProduto {
		@include float(auto, 66%, 0, 2%);

		h2 {
			font-weight: lighter;
			font-size: 36px;

			img {
				height: 40px;
			}

			input[type=image] {
				height: 40px;

			}

			#lblRatingPositivo {
				font-size: 28px;
				color: green;
			}

			#lblRatingNegativo {
				font-size: 28px;
				color: $vermelho;
			}
		}

		#articlePreco {
			@include float(200px, 98%);
			padding-left: 2%;
			font-size: 34px;

			td {
				padding: 0 20px;

				.precoFinal {
					font-size: 40px;
					color: $vermelho;
					font-weight: bold;
				}
			}
		}
	}
}